<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home</title>
<!-- plugins:css -->
<link rel="stylesheet" href="/node_modules/mdi/css/materialdesignicons.min.css">
<link rel="stylesheet" href="/node_modules/perfect-scrollbar/dist/css/perfect-scrollbar.min.css">
<!-- endinject -->
<!-- plugin css for this page -->
<link rel="stylesheet" href="/node_modules/jquery-bar-rating/dist/themes/css-stars.css">
<link rel="stylesheet" href="/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" />
<!-- End plugin css for this page -->
<!-- inject:css -->
<link rel="stylesheet" href="/css/style.css">
<!-- endinject -->
<link rel="shortcut icon" href="/images/favicon.png" />

	<style>
		.table th,.table td{
			text-align: center;
		}
		.textfei{
			width: 400px;min-height:50px;max-height: 100px;overflow: auto;display: block;margin: 0 auto;
		}
		table td .textImg{
			width: auto;height: 70px;border-radius:0;display: block;margin: 0 auto;
		}

	</style>

</head>
<body>
<div class="container-scroller">


	<!--顶部-->
	<div th:replace="~{commons/commons::top}"></div>

<!-- partial -->
<div class="container-fluid page-body-wrapper">
  <div class="row row-offcanvas row-offcanvas-right" >

	  <!--	  侧边-->
	  <div th:replace="~{commons/commons::cebian}"></div>

	<!-- partial -->
	  <div class="card content-wrapper" >
		  <div class="card-body" style="background-color: white">
			  <h4 class="card-title">video</h4>
			  <div class="table-responsive ps ps--theme_default" data-ps-id="6eeda779-4ea8-09e7-caef-8e1ec24de8ab">
				  <table class="table table-bordered">
					  <thead>
					  <tr>
						  <th>
							  视频名
						  </th>
						  <th>
							  演唱
						  </th>
						  <th>
							  视频封面
						  </th>
						  <th>
							  视频
						  </th>
						  <th>
							  发布时间
						  </th>
						  <th>
							  评论
						  </th>
<!--						  <th shiro:hasPermission="admin:addUpdate">-->
<!--							  修改-->
<!--						  </th>-->
						  <th shiro:hasPermission="admin:delete">
							  删除
						  </th>
					  </tr>
					  </thead>
					  <tbody>
					  <tr th:each="video:${videoList}">
						  <td>
							  [[${video.video_name}]]
						  </td>
						  <td>
							 [[${video.singer_name}]]
						  </td>
						  <td class="py-1">
							  <img th:src="@{${video.img}}" class="textImg" alt="image">
						  </td>
						  <td>
							  <video th:src="@{${video.video_path}}" class="textImg" controls></video>
						  </td>
						  <td>
							  [[${video.release_time}]]
						  </td>
						  <td>
							  <a th:href="@{'/admin/toComment?id='+${video.id}}" class="btn btn-gradient-primary btn-rounded btn-fw">
								  查看评论
							  </a>
						  </td>
<!--						  暂时不弄-->
<!--						  <td shiro:hasPermission="admin:addUpdate">-->
<!--							  <a href="videoUpdate.html" class="btn btn-gradient-secondary btn-rounded btn-fw">-->
<!--								  修改-->
<!--							  </a>-->
<!--						  </td>-->
						  <td shiro:hasPermission="admin:delete">
							  <a th:href="@{'/admin/delete/deleteVideo?id='+${video.id}}" type="button" class="btn btn-gradient-warning btn-rounded btn-fw">删除</a>
						  </td>

					  </tr>


					  </tbody>
				  </table>
				  <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
		  </div>
	  </div>
	<!-- content-wrapper ends -->
	<!-- partial:partials/_footer.html -->
	<footer class="footer">
	  <div class="d-sm-flex justify-content-center justify-content-sm-between">
		<span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
		<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center"></span>
	  </div>
	</footer>
	<!-- partial -->
  </div>
  <!-- row-offcanvas ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->

<!-- plugins:js -->
<script src="/node_modules/jquery/dist/jquery.min.js"></script>
<script src="/node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="/node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<script src="/node_modules/chart.js/dist/Chart.min.js"></script>
<!-- End plugin js for this page-->
<!-- inject:js -->
<script src="/js/off-canvas.js"></script>
<script src="/js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<script src="/js/dashboard.js"></script>
<!-- End custom js for this page-->
</body>

</html>
